<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Google Wave Splash</title>
  <!-- TODO: FIX THE PATHS BEFORE CHECKING IN -->
  <link rel="stylesheet" type="text/css" href="@{pathToRoot}style/permalink.css">

  <!--[if lte IE 7]>
  <link rel="stylesheet" type="text/css" href="@{pathToRoot}style/permalink_ie.css">
  <![endif]-->

  <style type="text/css" media="screen">@{style}</style>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript" src="@{pathToRoot}js/jquery.lightbox-0.5.min.js"></script>

  <!-- [MINIFY] -->
  <!-- please preserve this order: gadgets, rpc, permalink_client -->
  <script type="text/javascript" src="@{pathToRoot}js/gadget.js"></script>
  <script type="text/javascript" src="@{pathToRoot}js/rpc.js"></script>
  <script type="text/javascript" src="@{pathToRoot}js/common_client.js"></script>
  <script type="text/javascript" src="@{pathToRoot}js/permalink_client.js"></script>
  <!-- [END_MINIFY] -->

  <script type="text/javascript" src="http://wave.google.com/gadgets/js/core:rpc.js?c=1"></script>

  @if{embedded}
  <script type="text/javascript" src="@{pathToRoot}js/embed_support.js"></script>
  @end{}

  <!--[if IE 6]>
  <script type="text/javascript" src="@{pathToRoot}/js/ie6sucks.js"></script>
  <![endif]-->
</head>
<body@if{embedded} class="embedded"@end{}>
<div id="wave" class="wave-window" wave_id="@{waveId}"
    show_header="@{showHeader}">
@if{embedded}
  <div id="share-popup" class="popup">
    <div class="popup-pointer"></div>
    <a class="dialog-close" href="#"><span>Close</span></a>
    <label for="share-popup-link">Copy this link:</label><div class="input-wrapper"><input id="share-popup-link" type="text" value="@{waveLink}"></div>
    <div class="separator"><em>OR</em></div>
    <label for="share-popup-embed">Paste this HTML to embed:</label><div class="input-wrapper"><input id="share-popup-embed" type="text" value="@{waveEmbed}"></div>
    <div id="share-popup-wave-id">ID: @{waveId}</div>
  </div>
  <div id="frame">
    <div id="header">
      <div id="headerInner">
        <div id="logo">
          Google Wave
        </div>
        <ul id="menu">
          <li class="first">
            Anonymous
          </li>
          @if{showLoginLink}
          <li>
            <a href="@{waveLink}" target="_blank">View in Google Wave</a>
          </li>
          @end{}
          <li id="shareLink">
            <a id="share-link" href="#">Share this wave</a>
          </li>
        </ul>
        <div id="participants">
          <h3>Participants:</h3>
          <div id="wave-header"><span style="font-weight:normal;">Loading...</span></div>
        </div>
      </div> <!-- /#headerInner -->
    </div> <!-- /#header -->
    <div id="content">
      <div id="contentInner">
        <div id="contentInner2">
          <div id="contentInner3" class="styleable">
@end{}
  <div id="conversation">
    @if{content == ''}
    <img id="wave-loading" src="@{pathToRoot}images/loading_permalink.gif" alt="Loading...">
    @end{}
    @{content}
  </div>
@if{embedded}
          </div> <!-- /#contentInner3 -->
        </div> <!-- /#contentInner2 -->
      </div> <!-- /#contentInner -->
    </div> <!-- /#content -->
  </div> <!-- /#frame -->
@end{}
</div>
</body>
</html>
